<!DOCTYPE HTML
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>osmosclone</title>
		<link rel="stylesheet" type="text/css" href="main.css"></style>
		<script type="text/javascript" src="logic.js"></script>
		<script type="text/javascript" src="sphere.js"></script>
		<script type="text/javascript" src="graphics.js"></script>
		<script type="text/javascript" src="lvlCreator.js"></script>
		<script type="text/javascript" src="action.js"></script>
    </head>
    <body>
    	<div class="menubar">
    		<p id="title">osmosclone_dev</p></td>
			<div class="btn" id="create">
				level:<select id="lvlselect"></select><a href="#" class="btn" id="createbtn">[create]</a>
			</div>
			<div class="btn" id="help">
				<a href="#" class="btn" id="helpbtn">[?]</a>
			</div>
			<div class="btn" id="zoom">
				<a href="#" class="btn" id="zoomout">[-]</a>zoom<a href="#" class="btn" id="zoomin">[+]</a>
			</div>
		</div>
		<div id="helpmsg" class="message">
			<h2>Help</h2>
			<ul>
				<li>You control the orange ball. You must be larger than the others to win. You can eat the balls that are smaller than yours, but beware of the big: they can eat you.</li>
				<li>To move your ball can shoot small balls, sacrificing part of their mass and decrease in size. Do not be wasteful.</li>
				<li>Use the mouse click to shoot the ball and start moving in the opposite direction.</li>
			</ul>
		</div>
		<div id="startmsg" class="message">
			<h2 id="levelname">level_name</h2>
			<p id="levelinfo">win_condition</p>
			<div class="btn" id="start">
				<a href="#" class="btn" id="startbtn">start_test</a>
			</div>
			&nbsp;
		</div>
		<div id="winmsg" class="message">
			<h2>You win! ^_^</h2>
		</div>
		<div id="losemsg" class="message">
			<h2>You lose.</h2>
		</div>
        <canvas id="gameSpace">
        	<p class="noCanvas">Sorry. Your browser do not support html5 canvas.</p>
        </canvas>
    </body>
</html>
